<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<script language="javascript" type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.9.0.min.js"></script>
<script language="javascript" type="text/javascript" src="${pageContext.request.contextPath}/js/common.js"></script>
<script language="javascript" type="text/javascript" src="${pageContext.request.contextPath}/js/register.js"></script>

<form:form action="/reg/join" commandName="registrationForm" method="POST" id="registration">
<form:hidden path="frmOrigin"/>

<div class="right-area">
			<div class="left-arrow"><img src="${pageContext.request.contextPath}/images/arrow-left.png" width="11" height="16" alt="" /></div>
			<div class="container">
			    <c:set var="message" value="${registrationForm.message}"></c:set>
	    	  	<c:if test="${not empty message}">
	    	      <div class="thanku-green"><c:out value="${registrationForm.message}" /></div>
			    </c:if>			    
				<div class="left-block">
					<!-- <h1>Create your account to access</h1> -->
					<h2>Trainers and Trainings portal</h2>
					<ul class="list">
						<li class="trainer-profile"><span>Create your Trainer profile</span><!--  <br/>Create your trainer profile and let the company and people contact you for training requirements  --></li>
						<li class="market-training"><span>Market your trainings</span><!--  <br/>Create your training courses( Online & Onsite ) and let the people register online --></li>
						<li class="find-city"><span>Find training  in your city</span><!-- <br/>You can easily find the training happenings in your area --></li>
						<li class="find-trainer"><span>Find the right trainer</span><!-- <br/>Find the right trainer for your training needs --></li>
					</ul>
				</div>
				<div class="right-block">
					<h2>Register</h2>
					<div class="login-inner">
						<h3>Create your account using:</h3>
						<div class="sharebutton">
							<ul>
								<li class="facebook"><a href="${pageContext.request.contextPath}/reg/socialauth?id=facebook" title="Facebook">&nbsp;</a></li>
								<li class="linkedin"><a href="${pageContext.request.contextPath}/reg/socialauth?id=linkedin" title="LinkedIn">&nbsp;</a></li>
								<li class="twitter"><a href="${pageContext.request.contextPath}/reg/socialautho?id=twitter" title="Twitter">&nbsp;</a></li>
								<li class="yahoo"><a href="${pageContext.request.contextPath}/reg/socialauth?id=yahoo" title="Yahoo">&nbsp;</a></li>
								<li class="google"><a href="${pageContext.request.contextPath}/reg/socialauth?id=google" title="Google">&nbsp;</a></li>
							</ul>
						</div>
						<div class="clearfix or">or</div>
							<!--<div class="error-common">Enter valid email id</div>-->
						<div class="input">
						    <form:input path="fullName" id="fullName"/>
               			    <span class="errortxt"><form:errors path="fullName" /></span>												
						</div>
						<div class="input">
						    <form:input path="emailId" id="emailId"/>
               			    <span class="errortxt"><form:errors path="emailId" /></span>												
						</div>
						<div class="input">
						    <form:input path="password" id="password"/>
               			    <span class="errortxt"><form:errors path="password" /></span>												
						</div>												
						<div class="input">
						    <form:input path="zipCode" id="zipCode"/>
               			    <span class="errortxt"><form:errors path="zipCode" /></span>												
						</div>						
						
						
						<div class="agree"><input type="checkbox" />I agree electronically to the terms of service, privacy policy being at least 13 years old.</div>
						<div class="submit"><input type="submit" value="Register" /></div>
						<div class="noaccount">Already have an account? <a href="${pageContext.request.contextPath}/auth/login">Sign In</a></div>
					</div>
				</div>
			</div>
</div>

</form:form>